<template>
  <div id="app">
      <h3>最新音乐</h3>
      <div class="box">
        <div>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div><img src="./img/wy.png" alt=""></div>
  </div>
</template>
<script>
export default {
  name: "Zui",
  components: {},
  data() {
    return {};
  },
};
</script>
<style scoped>
    .box{
        margin-left: 0.1rem;
        height: 0.6rem;
         border-bottom: 1px solid rgb(234, 228, 228);
    }
    .box div{
        font-size: 0.15rem;
       
    }
    .box span{
        font-size: 13px;
        color: rgb(160, 166, 172);
    }
    img{
      width: 3.75rem;
      
    }
</style>